﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Reports.aspx.cs" Inherits="Volunteer.Reports" %>

<%@ Register assembly="CrystalDecisions.Web, Version=10.5.3700.0, Culture=neutral, PublicKeyToken=692fbea5521e1304" namespace="CrystalDecisions.Web" tagprefix="CR" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>Reports Page</title>
    <script type="text/javascript">
        function displayCalDateFrom() {
            var datePicker = document.getElementById('dateFromPicker');
            datePicker.style.display = 'block';
        }
        function displayCalDateTo() {
            var datePicker = document.getElementById('dateToPicker');
            datePicker.style.display = 'block';
        }
    </script>
    <style type="text/css">
        #dateFromPicker
        {
            display:none;
            position:absolute;
            border:solid 2px black;
            background-color:White;
            width:300px;
            height:220px;
        }
        #dateToPicker
        {
            display:none;
            position:relative;
            border:solid 2px black;
            background-color:White;
            width:300px;
            height:220px;
        }
        .content
        {
        	width:400px;
        	background-color:White;
        	margin:auto;
        	padding:10px;
        }
    </style>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:Panel ID="Panel1" runat="server" BackColor="#339966" BorderColor="#CCCCCC" 
            Height="73px" Width="915px">
            <br /><br />
            <center><b>BATTERED WOMEN&#39;S NETWORK</b></center>
            <br />
        </asp:Panel>
        
        <br />
        <asp:Label ID="lblDateFrom" runat="server" Text="Date From:" AssociatedControlID="txtDateFrom" />
        <asp:TextBox ID="txtDateFrom" runat="server" />
        <img alt="Click to open calendar" src="Images/calendar.gif" 
        style="width: 16px; height: 16px" onclick="displayCalDateFrom()" />
        <div id="dateFromPicker" runat="server">
            <asp:Calendar ID="calDateFrom" runat="server" BackColor="#FFFFCC" 
                BorderColor="#FFCC66" BorderWidth="1px" DayNameFormat="Shortest" 
                Font-Names="Verdana" Font-Size="8pt" ForeColor="#663399" Height="200px" 
                ShowGridLines="True" Width="220px" 
                onselectionchanged="calDateFrom_SelectionChange">
                <SelectedDayStyle BackColor="#CCCCFF" Font-Bold="True" />
                <SelectorStyle BackColor="#FFCC66" />
                <TodayDayStyle BackColor="#FFCC66" ForeColor="White" />
                <OtherMonthDayStyle ForeColor="#CC9966" />
                <NextPrevStyle Font-Size="9pt" ForeColor="#FFFFCC" />
                <DayHeaderStyle BackColor="#FFCC66" Font-Bold="True" Height="1px" />
                <TitleStyle BackColor="#990000" Font-Bold="True" Font-Size="9pt" 
                    ForeColor="#FFFFCC" />
            </asp:Calendar>
        </div>
        &nbsp;&nbsp;&nbsp;
        <asp:Label ID="lblDateTo" runat="server" Text="Date From:" AssociatedControlID="txtDateTo" />
        <asp:TextBox ID="txtDateTo" runat="server" />
        <img alt="Click to open calendar" src="Images/calendar.gif" 
        style="width: 16px; height: 16px" onclick="displayCalDateTo()" />
        <div id="dateToPicker" runat="server">
            <asp:Calendar ID="calDateTo" runat="server" BackColor="#FFFFCC" 
                BorderColor="#FFCC66" BorderWidth="1px" DayNameFormat="Shortest" 
                Font-Names="Verdana" Font-Size="8pt" ForeColor="#663399" Height="200px" 
                ShowGridLines="True" Width="220px" 
                onselectionchanged="calDateTo_SelectionChange">
                <SelectedDayStyle BackColor="#CCCCFF" Font-Bold="True" />
                <SelectorStyle BackColor="#FFCC66" />
                <TodayDayStyle BackColor="#FFCC66" ForeColor="White" />
                <OtherMonthDayStyle ForeColor="#CC9966" />
                <NextPrevStyle Font-Size="9pt" ForeColor="#FFFFCC" />
                <DayHeaderStyle BackColor="#FFCC66" Font-Bold="True" Height="1px" />
                <TitleStyle BackColor="#990000" Font-Bold="True" Font-Size="9pt" 
                    ForeColor="#FFFFCC" />
            </asp:Calendar>
        </div>
        <asp:LinkButton ID="lnkShow" runat="server" onclick="lnkShow_Click">Show</asp:LinkButton>
        <br />
        <center style="width: 915px">
            <br />
            <asp:LinkButton ID="lnkExport" runat="server" onclick="lnkExport_Click">Export</asp:LinkButton>
            <br />
            <asp:LinkButton ID="lnkFirst" runat="server" onclick="lnkFirst_Click">First Page</asp:LinkButton>&nbsp;
            <asp:LinkButton ID="lnkPrevious" runat="server" onclick="lnkPrevious_Click">Previous Page</asp:LinkButton>
            &nbsp;&nbsp;|&nbsp;&nbsp;
            <asp:LinkButton ID="lnkNext" runat="server" onclick="lnkNext_Click">Next Page</asp:LinkButton>&nbsp;
            <asp:LinkButton ID="lnkLast" runat="server" onclick="lnkLast_Click">Last Page</asp:LinkButton>
            <br />
        </center>
        <br />
        <br />
    
        <CR:CrystalReportViewer ID="CrystalReportViewer1" runat="server" 
            AutoDataBind="true" EnableDatabaseLogonPrompt="False" 
            ReportSourceID="rsHours" DisplayGroupTree="False" 
            EnableParameterPrompt="False" DisplayToolbar="False" />
        <br />
        <CR:CrystalReportSource ID="rsHrsWorked" runat="server">
            <Report FileName="VolHours.rpt">
            </Report>
        </CR:CrystalReportSource>
        <CR:CrystalReportSource ID="rsHours" runat="server">
            <Report FileName="VolHours.rpt">
            </Report>
        </CR:CrystalReportSource>
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
    </div>
    </form>
</body>
</html>
